<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />
<meta name="robots" content="noindex,nofollow" />
<link rel="stylesheet" media="screen,projection" type="text/css"
	href="css/reset.css" />
<!-- RESET -->
<link rel="stylesheet" media="screen,projection" type="text/css"
	href="css/main.css" />
<!-- MAIN STYLE SHEET -->
<link rel="stylesheet" media="screen,projection" type="text/css"
	href="css/2col.css" title="2col" />
<!-- DEFAULT: 2 COLUMNS -->
<link rel="alternate stylesheet" media="screen,projection"
	type="text/css" href="css/1col.css" title="1col" />
<!-- ALTERNATE: 1 COLUMN -->
<!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
<!-- MSIE6 -->
<link rel="stylesheet" media="screen,projection" type="text/css"
	href="css/style.css" />
<!-- GRAPHIC THEME -->
<link rel="stylesheet" media="screen,projection" type="text/css"
	href="css/mystyle.css" />
<!-- WRITE YOUR CSS CODE HERE -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>
<script type="text/javascript" src="js/toggle.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.tabs.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".tabs > ul").tabs();
	});
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Search Page</title>
</head>
<body>
	<h2>Welcome to myFamily[dot]com Add Child Page</h2>
	<div id="aside" class="box">
		<s:form action="AddChild" method="POST" name="AddChild"
			id="AddChild_id">
			
					
				<s:textfield name="memberName" label="Name" id="memberName_id"/>
				<s:textfield name="memberEmailId" label="EmailId" id="memberEmailId_id"/>
				<s:radio name="memberGender" label="Gender" list="{'male','female'}" />
				<h4>Select only one of the options shown below:</h4>
				<s:radio name="selectedOption" label="Add Child with" list="{'With Existing Spouse'}" />
				<s:select align="left" label="Spouse"
    				headerKey="-1" headerValue="Select Operation"
					list="spouseList" 
					name="selectedSpouse"
					value="Select Spouse" />
				<s:radio name="selectedOption" label="Add Child with" list="{'With New Spouse'}" />
				<s:textfield name="newSpouseName" label="Name of Spouse" id="newSpouseName_id"/>
				<s:textfield name="newSpouseEmailId" label="Email Id of Spouse" id="newSpouseEmailId_id"/>
				<s:radio name="newSpouseGender" label="Gender" list="{'male','female'}" />
				<s:radio name="selectedOption" label="Add Child with" list="{'Without Spouse'}" />
				<h4>This will create a Dummy Spouse and add the child</h4>
				<s:submit name="proceed" value="Proceed" class="input-submit-02" />
				
			

		</s:form>
	</div>
</body>
</html>